/*******澶撮儴****/
#header{position:absolute;left:0;width:100%;z-index:999;top:0em;height:100px;background:#fff;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);}
.header_mid{position:relative;height:100px;}
.header_mid_left{height:100%;position:absolute;left: 0;top:0;}
.header_mid_left a{display:block;width:100%;height:100%;}
.header_mid_left img{display: inline-block;max-width: 100%;}
.header_mid_right{position:absolute;right:0;top:0;height:100%;width: 5em;}
.header_mid_mid ul.left{position: absolute;left: 35em;}
.header_mid_mid ul.right{position: absolute;right: 14em;}
.header_mid_right ul li{float:left;  }
.header_mid_right ul li a{ background-position:center bottom;   background-repeat:no-repeat;display:inline-block; height:1.3em;}
.header_mid_mid ul li{position:relative;float:left;padding: 0 2em;}
.header_mid_mid ul li:first-child{margin-left:0;}
.header_mid_mid ul li span {transform: translate(20px, 0px);-webkit-transform: translate(20px, 0px);-moz-transform: translate(20px, 0px);-o-transform: translate(20px, 0px);display: inline-block;}
.header_mid_mid ul li a.biga{display:inline-block;line-height: 100px;height: 100px;display:inline-block;}
.header_mid_mid ul li:hover , .header_mid_mid ul li.on{}
.header_mid_mid ul li:hover a.biga , .header_mid_mid ul li.on a.biga{border-bottom:4px  solid #e33c1a;color:#e33c1a}

.header_mid_mid_sub{ display:none; width:100%; overflow:hidden;position:absolute; left:0; top:100px; z-index:100; background-color:#fff;}
.header_mid_mid ul li:nth-child(3) .header_mid_mid_sub{width:200%;left:-50%;}
.header_mid_mid_sub_mid{ position:relative; padding-right:16em;margin:1.785714285714286em; min-height:14.5em; padding-left:1.214285714285714em;}
.header_mid_mid_sub dl dd{float: left; line-height: 1.8em;width: 100%;text-align: center;border-bottom: 1px dotted #e6e6e6; padding: 3.5% 0;font-size:14px;}
.header_mid_mid_sub_left dl dd:nth-child(2n){float:right;} 
.header_mid_mid_sub_right{width:15em; position:absolute; right:0; top:0;}
#header .m-btn { display:none;float:right;  margin-right:0em;  position:relative;width: 24px; height: 20px; cursor: pointer;}
#header .m-btn .box { display: block; width: 100%; height: 100%;position: relative;}
#header .m-btn .line { display: block; width: 100%; height: 1px;background-color: #000; position: absolute; left: 0; -webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;}
#header .m-btn .line1 { top: 0;}
#header .m-btn .line2 { top: 7px;}
#header .m-btn .line3 { top: 14px;}
#header .m-btn.cur .line1, #header .m-btn.cur .line2, #header .m-btn.cur .line3 { width: 100%;}
#header .m-btn.cur .line2{opacity:0;}
#header .m-btn.cur .line1 {-webkit-transform: translateY(9px) rotate(-45deg);-moz-transform: translateY(9px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);-o-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg); background-color:#000;} 
#header .m-btn.cur .line3{-webkit-transform: translateY(-5px) rotate(45deg);-moz-transform: translateY(-5px) rotate(45deg);-ms-transform: translateY(-5px) rotate(45deg);-o-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg); background-color:#000;}
.header_mid_mid{position:relative; z-index:2;} 
.header_mid_mid_search{position:absolute;right: 0;overflow:hidden;-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;height: 100px;}
.header_mid_mid_search .mid_tel{height:100%;}
.header_mid_mid_search a{display:inline-block;text-indent: 0.5em;}

.header_mid_mid_search a span {font-weight: 800;float: right; color: #e33c1a;font-size:20px}
.header_mid_mid_search .tel{font-size:18px;text-indent: 1.5em;font-weight: bold;display:inline-block;background:url(../images/index01.png) no-repeat left center;}
.bodyon .header_mid_mid ul li a.biga,.bodyon2 .header_mid_mid ul li a.biga{height: 100px;line-height:100px;}


@media screen and (max-width: 1460px){

.header_mid_mid ul.left{left: 30em;}
.header_mid_mid_search a{text-indent:1em;}
}

@media screen and (max-width: 1350px){
#header , .header_mid , .header_mid_mid_search{height:90px;}
.header_mid_mid ul li a.biga{height:90px;line-height:90px;}
.header_mid_left img{height:70px;}
.header_mid_mid ul li{padding: 0 1.5em;}
.bodyon #header{position:fixed; top:-90px;}
.bodyon2 #header{top:0; position:fixed;}
.bodyon .header_mid_mid ul li a.biga,.bodyon2 .header_mid_mid ul li a.biga{height: 90px;line-height: 90px;}
.header_mid_mid ul.left {left: 25em;}
.header_mid_mid_search .tel{font-size:16px;}

.header_mid_mid ul li a.biga{font-size:15px;}
}


@media screen and (max-width: 1185px){

#header{height:80px;position:fixed; top:0;}
.header_mid , .header_mid_mid_search{height:80px;}
.header_mid_mid ul li a.biga{height:80px;line-height:80px;}
#header .footer_1_mid{margin-left:0;}
.header_mid_mid ul li{padding:0 1em}
.header_mid_left img{    height: 60px;}
.header_mid_mid ul.left , .header_mid_mid ul.right{display:none;}
#header .m-btn{display:block}
.header_mid_mid_search{right:5em}
.header_mid_right{width:auto;}
.bodyon .header_mid_mid ul li a.biga,.bodyon2 .header_mid_mid ul li a.biga{height: 80px;line-height: 80px;}
}

.mobilebannerimg{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;background-repeat:no-repeat;height: 50vh;}

@media screen and (max-width: 750px){
.indexbanner{padding-top:4.5em}

.banner_footer{bottom:0.5em;}
.indexbanner .swiper-pagination-bullet{width:2em;}
.header_mid_mid_search{display:none}
}

@media screen and (min-width: 1200px){ 
.bodyon #header{position:fixed; top:-100px;}
.bodyon2 #header{top:0; position:fixed;}

}

/*******瀵艰埅********/
.ovh-f {
 position:fixed;
 width:100%;
 height:100%;
 left:0;
 top:0
}
.sub-menu { background-color:#fff;
  width:100%;
  display:none;
  position:absolute;
  left:0;
  top:70px;
  height:calc(100vh - 120px);
  z-index:888;
  overflow-y:auto
 }
.sub-menu ul {
  width:100%;
  padding-bottom:6%
 }
.sub-menu li {
  border-bottom:1px solid #dcdcdc;
  font-size:18px
 }
.sub-menu .tit {
  display:block;
  padding:0 1em;
  line-height:60px;
  color:#000;
  position:relative;
  text-align: left;
 }
.sub-menu .tit p{color:#000;}
.sub-menu li:last-child {
  border-bottom:none
 }
.sub-menu .titx {
  display:block;
  width:94%;
  padding:0 3%;
  line-height:60px;
  color:#000;
  position:relative;
  border-bottom:1px solid #dcdcdc
 }
.sub-menu .sub-tit:after {
  content:'';
  display:block;
  width:26px;
  height:26px;
  background:url(../images/ico_03.png) no-repeat center;
  background-size:100% auto;
  position:absolute;
  right:1em;
  top:50%; margin-top:-13px;
 }
.sub-menu .sub-tit.on {
  background-color:#e33c1a;
  color:#fff
 }
.sub-menu .sub-tit.on p{color:#fff;}
.sub-menu .sub-tit.on:after {
  background:url(../images/ico_03_h.png) no-repeat center;
  background-size:100% auto
 }
.sub-menu .sec-list {
  line-height:40px;
  padding:10px 4%;
  display:none
 }
.sub-menu .sec-list p {
  background:url(../images/ico_04.png) no-repeat left center;
  background-size:6px auto;
  font-size:14px
 }
.sub-menu .sec-list a {
  padding-left:3%;
  color:#666;
  display:block
 }
.nav-search-form {
  width:94%;
  margin:20px auto 0
 }
.nav-search {
  width:83.33333%;
  float:left
 }
.nav-search .inverse {
  border:none;
  width:100%;
  height:56px;
  padding:14px;
  box-sizing:border-box;
  font-size:16px
 }

@media screen and (max-width: 1185px){ 
.sub-menu {  top:90px;height:calc(150vh - 90px);}
.sub-menu li {font-size:16px!important}
.sub-menu .sub-tit:after {width:18px;height:18px; margin-top:-9px;background-size:18px auto!important }
.sub-menu .sec-list p {background-size:3px auto!important}
.sub-menu .sec-list p a {padding-left:1em}
} 

.header_mid_mid_sub{background-color:rgba(255,255,255);}
.header_mid_mid_sub:after{opacity:0.5;position:absolute; left:0; top:0; width:100%; height:1px; background-color:#999; content:'';}
.bodyon2 .header_mid_mid_sub{background-color:#fff;}

@media screen and (max-width: 500px){
#header , .header_mid, .header_mid_mid_search{height:60px;}
.header_mid_left img { height: 45px;}
.sub-menu{top:60px;height: calc(100vh - 60px);}
}

@media screen and (max-width: 480px){ 
.sub-menu .tit {line-height:50px}
.sub-menu .sub-tit:after { width:12px; height:12px; margin-top:-6px;} 
.mobilebannerimg{height: 60vh;}
}